const layer = layui.layer

// 获取用户的信息
getUserInfo()
function getUserInfo () {
  $.ajax({
    method: 'GET',
    url: '/my/userinfo',
    // headers 配置参数,请求头配置对象
    // headers: {
    //   Authorization: localStorage.getItem('token') 
    // },
    success: function (res) {
      if (res.status !== 0) {
        return layer.msg('获取用户信息失败!')
      }
      // 调用渲染函数,传入res.data
      renderAvatar(res.data)
    },
    // 无论当前请求成功或者失败，都会在整个请求过程的最后调用 complete 回调函数
    complete: function (res) {
      if (res.responseJSON.status === 1 && res.responseJSON.message == '身份认证失败！') {
        // 1.清空token
        localStorage.removeItem('token')
        // 2.页面跳转到login
        location.href = '/login.html'
      }
    }
  })
}

// 渲染用户信息(昵称+头像)
function renderAvatar (user) {
  // 1.获取用户名称(username/nickname)
  let name = user.nickname || user.username
  // 2.设置欢迎的文本
  $('#welcome').html(`欢迎&nbsp;&nbsp;${name}`)
  // 3.按需渲染用户的头像
  // 3-1.如果有图片头像,就渲染图片头像,隐藏文字头像
  if (user.user_pic !== null) {
    $('.layui-nav-img').attr('src', user.user_pic).show()
    $('.text-avatar').hide()
  } else {
    // 3-2.如果没有图片头像,直接渲染文字头像
    $('.layui-nav-img').hide()
    const first = name[0].toUpperCase()
    $('.text-avatar').html(first).show()
  }
}

// 用户退出功能
$('#logOut').on('click', function (e) {
  e.preventDefault()
  layer.confirm('确定退出登录?', { icon: 3, title: '提示' }, function (index) {
    // 1.清除当前用户的token
    localStorage.removeItem('token')
    // 2.重定向 => 退出登录应该跳转到登录框
    location.href = '/login.html'
    // 在操作完成之后关闭弹出窗口
    layer.close(index);
  });
})